var id1 = 'GO:0016321',
  id2 = 'GO:0030970'; // 设置默认值
var type;

$(function() {
  // 为两个input绑定自动提示
  // $('#searcharea1').typeahead({
  // source: ['hello', 'world']
  // });
  $('#searcharea2').typeahead({
    source: function(query, process) {
      var results = products.map(function(item) {
        var aItem = {
          id: item.id,
          name: item.name
        };
        return JSON.stringify(aItem); // 这里返回
      });
      process(results);
    },

    matcher: function(obj) {
      var item = JSON.parse(obj);
      return ~item.name.toLowerCase().indexOf(this.query.toLowerCase())
    },

    highlighter: function(obj) {
      var item = JSON.parse(obj);
      return item.name;
    },

    highlight: true,

    updater: function(obj) {
      var item = JSON.parse(obj);
      id2 = item.id;
      console.log("id2 = " + id2);
      return item.name;
    }
  });

  $('#searcharea1').typeahead({
    source: function(query, process) {
      var results = products.map(function(item) {
        var aItem = {
          id: item.id,
          name: item.name
        };
        return JSON.stringify(aItem); // 这里返回
      });
      process(results);
    },

    matcher: function(obj) {
      var item = JSON.parse(obj);
      return ~item.name.toLowerCase().indexOf(this.query.toLowerCase())
    },

    highlighter: function(obj) {
      var item = JSON.parse(obj);
      return item.name;
    },

    highlight: true,

    updater: function(obj) {
      var item = JSON.parse(obj);
      id1 = item.id;
      console.log("id1 = " + id1);
      return item.name;
    }
  });

  // 为form绑定提交函数
  $('#myform').on(
    'submit',
    function(event) {
      event.preventDefault();
      if (!checkValues()) {
        return;
      }
      //				id1 = $('#searcharea1').val();
      //				id2 = $('#searcharea2').val();
      type = $("input[name='pvalue']:checked").val();
      console.log('type is ' + type);

      $.ajax({
        url: 'fooAction_get' + type,
        data: {
          id1: id1,
          id2: id2
        },
        success: function(data) {
          // $('#result').val(data); //在文本框中显示计算结果
          // $('#result').html(
          //   'Use Algorithm ' + type +
          //   ',the Similarity Degree between ' +
          //   id1 + ' and ' + id2 + ' is ' +
          //   data.std);
          $('#result').html(
            'the Similarity Degree：' + data.std + "</br>zScore：" + data.zscore);
          $('#graphlink').css("display", "block"); // 显示结果界面
          $('#resultPanel').css("display", "block");
          var addr = 'NetworkGraph.jsp?id1=' + id1 + '&id2=' +
            id2; // 生成网络图的链接
          console.log('addr is ' + addr);
          $('#graphlink').attr('href', addr);
        },
        error: function() {
          alert('数据加载出错了');
        }
      })
    });
})

function checkValues() {
  if ($('#searcharea1').val() == null || $('#searcharea2').val() == null) {
    alert('Please input id');
    return false;
  }
  console.log('pvalue is ' + $("input[name='pvalue']").val());
  return true;
}